<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>VUE-示例</title>
    <script src="libs/httpVueLoader.js"></script>
    <script src="libs/vue/2.6.11/vue.js"></script>
    <link rel="stylesheet" href="libs/element-ui/2.13.2/theme-chalk/index.css">
    <script src="libs/element-ui/2.13.2/index.js"></script>
    <script src="libs/element-ui/2.13.2/locale/zh-CN.js"></script>
    <script src="libs/vue-router/2.6.0/vue-router.js"></script>
    <script src="libs/axios/0.20.0-0/axios.js"></script>
    <style>
        html, body, body > #app, body > #app > .el-container {
            /*设置内部填充为0，几个布局元素之间没有间距*/
            padding: 0px;
            /*外部间距也是如此设置*/
            margin: 0px;
            /*统一设置高度为100%*/
            height: 100%;
        }

        body > #app > .el-container > .el-header {
            padding: 0px;
        }

        body > #app > .el-container > .el-main {
            padding: 0px;
        }

        body > #app > .el-container > .el-footer {
            padding: 0px;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header height="120px">
            <m_head @on_menu_selected="onMenuSelected"></m_head>
        </el-header>
        <el-main>
            <router-view></router-view>
        </el-main>
        <el-footer>
            <m_foot></m_foot>
        </el-footer>
    </el-container>

    <!--    <router-link to="/vul" tag="el-button">vul</router-link>-->
    <!--    <router-link to="/home">主页按钮</router-link>-->
    <!--    <router-link to="/news">新闻按钮</router-link>-->
    <!--    <router-view></router-view>-->
</div>
</body>
<script src="router.js"></script>
<script src="main.js"></script>
</html>